<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="../css/lib/normalize.css" />
    <link rel="stylesheet" type="text/css" href="../css/mui-3.6.1.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/foods.css" />
    <link rel="stylesheet" href="../css/my_pullrefresh.css" type="text/css">
    <title>foods</title>
</head>

<body>
    <div class="mui-content">
        <div class="top-bar mui-row">
            <div class="return mui-col-sm-2 mui-col-xs-2"></div>
            <div class="top-middle mui-col-sm-8 mui-col-xs-8">
                <div class="s-top-middle">
                    美食
                </div>
            </div>
            <div class="top-right mui-col-sm-2 mui-col-xs-2"></div>
        </div>
    </div>
    <div id="no-goods">
        <div class="my-box">
            <img src="../image/search/box.png"/>
        </div>
        <div class="b-no-cnt">
            <p>抱歉！ 没有找到与 "<span class="no-cnt">没有符合</span>" 店铺或商品</p>
            <p>你可以尝试更换关键词继续搜索</p>
        </div>
    </div>
    <div id="tab">
       <div id="tab-sj-1" class="tab-sj">分类<span class="icon"></span></div>
       <div id="tab-sj-2" class="tab-sj">排序<span class="icon"></span></div>
    </div>

    <!-- 分类 -->
    <div id="tab-classify-cnt">
        <div class="tab-classify">
            <ul id="classify-l">
                <li class="active">美食<span class="circle-l circle-active">2526</span></li>
                <li>水果<span class="circle-l">26</span></li>
                <li>甜点饮品<span class="circle-l">178</span></li>
                <li>鲜花蛋糕<span class="circle-l">456</span></li>
            </ul>
            <div>
                <ul class="classify-r">
                    <li class="active">全部<span class="circle-r circle-active">2526</span></li>
                    <li>简餐便<span class="circle-r">456</span></li>
                    <li>甜点饮品<span class="circle-r">78</span></li>
                    <li>小吃羊杂<span class="circle-r">33</span></li>
                    <li>面食粥店<span class="circle-r">678</span></li>
                    <li>轻食西餐<span class="circle-r">39</span></li>
                </ul>
                <ul class="classify-r">
                    <li class="active">全部<span class="circle-r circle-active">2526</span></li>
                    <li>简餐便当<span class="circle-r">456</span></li>
                    <li>甜点饮品<span class="circle-r">78</span></li>
                    <li>小吃羊杂<span class="circle-r">33</span></li>
                    <li>面食粥店<span class="circle-r">678</span></li>
                    <li>轻食西餐<span class="circle-r">39</span></li>
                </ul>
                <ul class="classify-r">
                    <li class="active">全部<span class="circle-r circle-active">2526</span></li>
                    <li>简餐便当<span class="circle-r">456</span></li>
                    <li>甜点饮品<span class="circle-r">78</span></li>
                    <li>小吃羊杂<span class="circle-r">33</span></li>
                    <li>面食粥店<span class="circle-r">678</span></li>
                    <li>轻食西餐<span class="circle-r">39</span></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 排序 -->
    <div id="tab-sort-cnt">
        <ul id="sort">
            <li class="sort-active">智能排序<span class="sort-icon sort-active"></span></li>
            <li>距离最近<span class="sort-icon"></span></li>
            <li>起送价最低<span class="sort-icon"></span></li>
            <li>销量最高<span class="sort-icon"></span></li>
        </ul>
    </div>
 

    <!-- 商品 -->
    <div id="slider" class="mui-slider mui-fullscreen" style="">
        <div class="mui-slider-group">
            <div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <ul class="mui-table-view">
                            <li class="mui-table-view-cell">
                                <div class="mui-content-2">
                                      <div class="gg  mui-col-xs-3">
                                          <div id="ufo-1"></div>
                                      </div>
                                      <div class="gg mui-col-sm-6 mui-col-xs-6">
                                           <div class="yzg">UFO宇宙锅</div>
                                           <div class="star">
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_0@2x.png"/><span>4.0</span>月售4份
                                           </div>
                                           <div class="y-time">预计送达时间: <span>5</span>分钟 / <span>832</span>米</div>
                                           <div class="b-you">
                                               <img src="../image/icon_baoyou@2x.png"/>满100包邮
                                           </div>
                                      </div>
                                      <div class="gg mui-col-sm-2 mui-col-xs-2">
                                          <p class="qsf"><span class="q-sf">50.0</span>元起送</p>
                                          <p class="psf"><span>5.0</span>元配送费</p>
                                      </div>
                                </div>
                            </li>
                            <li class="mui-table-view-cell">
                                <div class="mui-content-2">
                                      <div class="gg  mui-col-xs-3">
                                          <div id="ufo-2"></div>
                                      </div>
                                      <div class="gg mui-col-sm-6 mui-col-xs-6">
                                           <div class="yzg">UFO宇宙锅</div>
                                           <div class="star">
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_0@2x.png"/><span>4.0</span>月售4份
                                           </div>
                                           <div class="y-time">预计送达时间: <span>5</span>分钟 / <span>832</span>米</div>
                                           <div class="b-you">
                                               <img src="../image/icon_baoyou@2x.png"/>满100包邮
                                           </div>
                                      </div>
                                      <div class="gg mui-col-sm-2 mui-col-xs-2">
                                          <p class="qsf"><span class="q-sf">50.0</span>元起送</p>
                                          <p class="psf"><span>5.0</span>元配送费</p>
                                      </div>
                                </div>
                            </li>
                            <li class="mui-table-view-cell">
                                <div class="mui-content-2">
                                      <div class="gg  mui-col-xs-3">
                                          <div id="ufo-1"></div>
                                      </div>
                                      <div class="gg mui-col-sm-6 mui-col-xs-6">
                                           <div class="yzg">UFO宇宙锅</div>
                                           <div class="star">
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_0@2x.png"/><span>4.0</span>月售4份
                                           </div>
                                           <div class="y-time">预计送达时间: <span>5</span>分钟 / <span>832</span>米</div>
                                           <div class="b-you">
                                               <img src="../image/icon_baoyou@2x.png"/>满100包邮
                                           </div>
                                      </div>
                                      <div class="gg mui-col-sm-2 mui-col-xs-2">
                                          <p class="qsf"><span class="q-sf">50.0</span>元起送</p>
                                          <p class="psf"><span>5.0</span>元配送费</p>
                                      </div>
                                </div>
                            </li>
                            <li class="mui-table-view-cell">
                                <div class="mui-content-2">
                                      <div class="gg  mui-col-xs-3">
                                          <div id="ufo-2"></div>
                                      </div>
                                      <div class="gg mui-col-sm-6 mui-col-xs-6">
                                           <div class="yzg">UFO宇宙锅</div>
                                           <div class="star">
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_0@2x.png"/><span>4.0</span>月售4份
                                           </div>
                                           <div class="y-time">预计送达时间: <span>5</span>分钟 / <span>832</span>米</div>
                                           <div class="b-you">
                                               <img src="../image/icon_baoyou@2x.png"/>满100包邮
                                           </div>
                                      </div>
                                      <div class="gg mui-col-sm-2 mui-col-xs-2">
                                          <p class="qsf"><span class="q-sf">50.0</span>元起送</p>
                                          <p class="psf"><span>5.0</span>元配送费</p>
                                      </div>
                                </div>
                            </li>
                            <li class="mui-table-view-cell">
                                <div class="mui-content-2">
                                      <div class="gg  mui-col-xs-3">
                                          <div id="ufo-1"></div>
                                      </div>
                                      <div class="gg mui-col-sm-6 mui-col-xs-6">
                                           <div class="yzg">UFO宇宙锅</div>
                                           <div class="star">
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_0@2x.png"/><span>4.0</span>月售4份
                                           </div>
                                           <div class="y-time">预计送达时间: <span>5</span>分钟 / <span>832</span>米</div>
                                           <div class="b-you">
                                               <img src="../image/icon_baoyou@2x.png"/>满100包邮
                                           </div>
                                      </div>
                                      <div class="gg mui-col-sm-2 mui-col-xs-2">
                                          <p class="qsf"><span class="q-sf">50.0</span>元起送</p>
                                          <p class="psf"><span>5.0</span>元配送费</p>
                                      </div>
                                </div>
                            </li>
                            <li class="mui-table-view-cell">
                                <div class="mui-content-2">
                                      <div class="gg  mui-col-xs-3">
                                          <div id="ufo-2"></div>
                                      </div>
                                      <div class="gg mui-col-sm-6 mui-col-xs-6">
                                           <div class="yzg">UFO宇宙锅</div>
                                           <div class="star">
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_1@2x.png"/>
                                               <img src="../image/icon_star_0@2x.png"/><span>4.0</span>月售4份
                                           </div>
                                           <div class="y-time">预计送达时间: <span>5</span>分钟 / <span>832</span>米</div>
                                           <div class="b-you">
                                               <img src="../image/icon_baoyou@2x.png"/>满100包邮
                                           </div>
                                      </div>
                                      <div class="gg mui-col-sm-2 mui-col-xs-2">
                                          <p class="qsf"><span class="q-sf">50.0</span>元起送</p>
                                          <p class="psf"><span>5.0</span>元配送费</p>
                                      </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../js/jquery2.1.1.min.js"></script>
    <script type="text/javascript" src="../js/mui.js"></script>
    <script src="../js/mui.pullToRefresh.js"></script>
    <script src="../js/mui.pullToRefresh.material.js"></script>
    <script type="text/javascript" src="../js/foods.js"></script>
    <script type="text/javascript" src="../js/search_pullrefresh.js"></script>

</body>
 
</html>
